﻿<div class="navbar-inner">
    <div class="navbar-container">
        <!-- Navbar Barnd -->
        <div class="navbar-header pull-right">
            <a href="#" class="navbar-brand">
                <small>
                    <img src="assets/img/logo-rtl.png" alt="" />
                </small>
            </a>
        </div>
        <!-- /Navbar Barnd -->
        <!-- Sidebar Collapse -->
        <div class="sidebar-collapse"></div>
        <!-- /Sidebar Collapse -->
        <!-- Account Area and Settings --->
        <div class="navbar-header pull-left">
            <div class="navbar-account">
                <ul class="account-area">
                    <li>
                        <a class=" dropdown-toggle" data-toggle="dropdown" title="Help" href="#">
                            <i class="icon fa fa-warning"></i>
                        </a>
                        <!--Notification Dropdown-->
                        <ul class="pull-right dropdown-menu dropdown-arrow dropdown-notifications">
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <div class="notification-icon">
                                            <i class="fa fa-phone bg-themeprimary white"></i>
                                        </div>
                                        <div class="notification-body">
                                            <span class="title">ملاقات با بهرنگ در اسکایپ</span>
                                            <span class="description">01:00</span>
                                        </div>
                                        <div class="notification-extra">
                                            <i class="fa fa-clock-o themeprimary"></i>
                                            <span class="description">دفتر</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <div class="notification-icon">
                                            <i class="fa fa-check bg-darkorange white"></i>
                                        </div>
                                        <div class="notification-body">
                                            <span class="title">Uncharted break</span>
                                            <span class="description">03:30 - 05:15 </span>
                                        </div>
                                        <div class="notification-extra">
                                            <i class="fa fa-clock-o darkorange"></i>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <div class="notification-icon">
                                            <i class="fa fa-gift bg-warning white"></i>
                                        </div>
                                        <div class="notification-body">
                                            <span class="title">تولد هاجر</span>
                                            <span class="description">08:30 pm</span>
                                        </div>
                                        <div class="notification-extra">
                                            <i class="fa fa-calendar warning"></i>
                                            <i class="fa fa-clock-o warning"></i>
                                            <span class="description">خانه</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <div class="notification-icon">
                                            <i class="fa fa-glass bg-success white"></i>
                                        </div>
                                        <div class="notification-body">
                                            <span class="title">شام با دوستان</span>
                                            <span class="description">10:30 pm</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="dropdown-footer ">
                                <span>
                                    امروز، ۲۸ اسفند
                                </span>
                                <span class="pull-right">
                                    10°c
                                    <i class="wi wi-cloudy"></i>
                                </span>
                            </li>
                        </ul>
                        <!--/Notification Dropdown-->
                    </li>
                    <li>
                        <a class="dropdown-toggle" data-toggle="dropdown" title="Mails" href="#">
                            <i class="icon fa fa-envelope"></i>
                            <span class="badge">3</span>
                        </a>
                        <!--Messages Dropdown-->
                        <ul class="pull-right dropdown-menu dropdown-arrow dropdown-messages">
                            <li>
                                <a href="#">
                                    <img src="assets/img/avatars/divyia.jpg" class="message-avatar" alt="Divyia Austin">
                                    <div class="message">
                                        <span class="message-sender">
                                            دیویا آستین
                                        </span>
                                        <span class="message-time">
                                            ۲ دقیقه پیش
                                        </span>
                                        <span class="message-subject">
                                            دستور پخت پای سیب
                                        </span>
                                        <span class="message-body">
                                            برای پخت پای سیب کارهای زیر را انجام دهید.
                                        </span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="assets/img/avatars/bing.png" class="message-avatar" alt="Microsoft Bing">
                                    <div class="message">
                                        <span class="message-sender">
                                            بینگ
                                        </span>
                                        <span class="message-time">
                                            دیروز
                                        </span>
                                        <span class="message-subject">
                                            خبرنامه بینگ: نسخه اسفند
                                        </span>
                                        <span class="message-body">
                                            در زمان مراسم اسکار برندگان مراسم را بشناسید. 
                                        </span>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="assets/img/avatars/adam-jansen.jpg" class="message-avatar" alt="Divyia Austin">
                                    <div class="message">
                                        <span class="message-sender">
                                            نیکلاس
                                        </span>
                                        <span class="message-time">
                                            جمعه، ۳۱ اسفند
                                        </span>
                                        <span class="message-subject">
                                            دوربین فور کی جدید
                                        </span>
                                        <span class="message-body">
                                            دوربین های فور کی جدید بسیار کیفیت بالایی دارند.
                                        </span>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <!--/Messages Dropdown-->
                    </li>

                    <li>
                        <a class="dropdown-toggle" data-toggle="dropdown" title="Tasks" href="#">
                            <i class="icon fa fa-tasks"></i>
                            <span class="badge">4</span>
                        </a>
                        <!--Tasks Dropdown-->
                        <ul class="pull-right dropdown-menu dropdown-tasks dropdown-arrow ">
                            <li class="dropdown-header bordered-darkorange">
                                <i class="fa fa-tasks"></i>
                                ۴ وظیفه در حال انجام
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">ایجاد حساب</span>
                                        <span class="pull-right">65%</span>
                                    </div>
                                    <progressbar class="progress-xs" value="65"></progressbar>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">اطلاعات پروفایل</span>
                                        <span class="pull-right">35%</span>
                                    </div>
                                    <progressbar class="progress-xs" type="success" value="35"></progressbar>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">تکمیل رزومه</span>
                                        <span class="pull-right">75%</span>
                                    </div>
                                    <progressbar class="progress-xs" type="darkorange" value="75"></progressbar>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">افزودن دوستان</span>
                                        <span class="pull-right">10%</span>
                                    </div>
                                    <progressbar class="progress-xs" type="warning" value="10"></progressbar>
                                </a>
                            </li>
                            <li class="dropdown-footer">
                                <a href="#">
                                    مشاهده همه وظایف
                                </a>
                                <button class="btn btn-xs btn-default shiny darkorange icon-only pull-right"><i class="fa fa-check"></i></button>
                            </li>
                        </ul>
                        <!--/Tasks Dropdown-->
                    </li>
                    <li>
                        <a chat-link class="wave in" title="Chat"></a>
                    </li>
                    <li>
                        <a class="login-area dropdown-toggle" data-toggle="dropdown">
                            <div class="avatar" title="View your public profile">
                                <img src="assets/img/avatars/adam-jansen.jpg">
                            </div>
                            <section>
                                <h2><span class="profile"><span>دیوید استیونسون</span></span></h2>
                            </section>
                        </a>
                        <!--Login Area Dropdown-->
                        <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                            <li class="username"><a>David Stevenson</a></li>
                            <li class="email"><a>David.Stevenson@live.com</a></li>
                            <!--Avatar Area-->
                            <li>
                                <div class="avatar-area">
                                    <img src="assets/img/avatars/adam-jansen.jpg" class="avatar">
                                    <span class="caption">تغییر تصویر</span>
                                </div>
                            </li>
                            <!--Avatar Area-->
                            <li class="edit">
                                <a href="profile.html" class="pull-left">Profile</a>
                                <a href="#" class="pull-right">تنظیمات</a>
                            </li>
                            <!--Theme Selector Area-->
                            <li class="theme-area">
                                <ul class="colorpicker">
                                    <li><a class="colorpick-btn" href="" style="background-color:#5DB2FF;" skin-changer rel="assets/css/skins/blue.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#2dc3e8;" skin-changer rel="assets/css/skins/azure.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#03B3B2;" skin-changer rel="assets/css/skins/teal.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#53a93f;" skin-changer rel="assets/css/skins/green.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#FF8F32;" skin-changer rel="assets/css/skins/orange.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#cc324b;" skin-changer rel="assets/css/skins/pink.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#AC193D;" skin-changer rel="assets/css/skins/darkred.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#8C0095;" skin-changer rel="assets/css/skins/purple.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#0072C6;" skin-changer rel="assets/css/skins/darkblue.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#585858;" skin-changer rel="assets/css/skins/gray.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#474544;" skin-changer rel="assets/css/skins/black.min.css"></a></li>
                                    <li><a class="colorpick-btn" href="" style="background-color:#001940;" skin-changer rel="assets/css/skins/deepblue.min.css"></a></li>
                                </ul>
                            </li>
                            <!--/Theme Selector Area-->
                            <li class="dropdown-footer">
                                <a href="login.html">
                                  خروج از سیستم
                                </a>
                            </li>
                        </ul>
                        <!--/Login Area Dropdown-->
                    </li>
                    <!-- /Account Area -->
                    <!--Note: notice that setting div must start right after account area list.
                    no space must be between these elements-->
                    <!-- Settings -->
                </ul><div class="setting">
                </div><div class="setting-container">
                    <label>
                        <input type="checkbox" id="checkbox_fixednavbar" ng-model="settings.fixed.navbar">
                        <span class="text">Fixed Navbar</span>
                    </label>
                    <label>
                        <input type="checkbox" id="checkbox_fixedsidebar" ng-model="settings.fixed.sidebar">
                        <span class="text">Fixed SideBar</span>
                    </label>
                    <label>
                        <input type="checkbox" id="checkbox_fixedbreadcrumbs" ng-model="settings.fixed.breadcrumbs">
                        <span class="text">Fixed BreadCrumbs</span>
                    </label>
                    <label>
                        <input type="checkbox" id="checkbox_fixedheader" ng-model="settings.fixed.header">
                        <span class="text">Fixed Header</span>
                    </label>
                </div>
                <!-- Settings -->
            </div>
        </div>
        <!-- /Account Area and Settings -->
    </div>
</div>